<template>
  <div>
      <div class="footer">     
      <mt-tabbar fixed v-model="$store.state.selected">
        <mt-tab-item id="首页">
          <img slot="icon" src="../../../static/images/home.png">首页
        </mt-tab-item>
        <mt-tab-item id="业务">
          <img slot="icon" src="../../../static/images/tel.png">业务
        </mt-tab-item>
        <mt-tab-item id="生活">
          <img slot="icon" src="../../../static/images/sport.png">生活
        </mt-tab-item>
        <mt-tab-item id="合作">
          <img slot="icon" src="../../../static/images/friend.png">合作
        </mt-tab-item>
        <mt-tab-item id="关于">
          <img slot="icon" src="../../../static/images/about.png">关于
        </mt-tab-item>
      </mt-tabbar> 
    </div>
  </div>
  
</template>

<script>
import store from '@/vuex/store'
export default {
  data () {
    return {
      msg: 'Footer',
    }
  },
  store

}
</script>

<style scoped>

</style>
